<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>//通配
		<style>
			.rows{
				margin-bottom: 20px;
			}
			
		.rows.rows{
				margin-top: 10px;
				margin-bottom: 0px;
			}
			[class*="col-"]{
				padding-top:15px ;
				padding-bottom: 15px;
				background-color: #00CCFF;
				border: 1px solid #000099;
				
				
				
			}
		</style>
		<link rel="stylesheet" href="bootstrap-3.3.7/dist/css/bootstrap.css" />
		
	</head>
	<body>
		<div class="container">
			<div class="rows">
				<div class="col-md-1">.col-md-1</div>
				<div class="col-md-1">.col-md-1</div>
				<div class="col-md-1">.col-md-1</div>
				<div class="col-md-1">.col-md-1</div>
				<div class="col-md-1">.col-md-1</div>
				<div class="col-md-1">.col-md-1</div>
				<div class="col-md-1">.col-md-1</div>
				<div class="col-md-1">.col-md-1</div>
				<div class="col-md-1">.col-md-1</div>
				<div class="col-md-1">.col-md-1</div>
				<div class="col-md-1">.col-md-1</div>
				<div class="col-md-1">.col-md-1</div>
			</div>
			<div class="rows">
				<div class="col-md-3">.col-md-3</div>
				<div class="col-md-3">.col-md-3</div>
				<div class="col-md-3">.col-md-3</div>
				<div class="col-md-3">.col-md-3</div>
			</div>
			
			<div class="rows">
				<div class="col-md-4 col-md-offset-3">.col-ma-4</div>
			</div>
			<div class="rows">
				<div class="col-md-8">
					<div class="col-md-4">first</div>
					<div class="col-md-3">second</div>
				</div>
				for example <code>&lt;section&gt;</code> as inline;
				我希望现在键入<kbd>cmd</kbd>
				<pre>
					sample text here...
				</pre>
				<var>x</var>=<var>y</var>+<var>z</var>
				<samp>Hello World</samp><br /><br />
				<div class="table-responsive">
					<table class="table table-striped table-bordered table-hover table-condensed">
					<thead>
						<th>1</th>
						<th>2</th>
						<th>3</th>
					</thead>
					<tbody>
						<tr class="active">
								<td>1zzsdfghzxcvbnmnhgngfsd</td>
								<td>2zcxvbnbcnxzCvfbggghgbvzczxvb</td>
								<td>3xc bnbgfbdsryt</td>
						</tr>
						<tr class="danger">
								<td>1</td>
								<td>2</td>
								<td>3</td>
						</tr>
						<tr class="info">
								<td>1</td>
								<td>2</td>
								<td>3</td>
						</tr>
					</tbody>
					<form role="form" class="form-horizontal">
						<div class="form-group">
							<label class="col-md-3 control-label" >email</label>
							<div class="col-md-9">
								<input type="email" class="form-control" placeholder="Emial" />
							</div>
							
							
						</div>
						<div class="form-group">
							<label class="col-md-3 control-label">password</label>
							<div class="col-md-9">
							<input type="password"  class="form-control" placeholder="password" />
							</div>
						</div>
						<div class="form-group">
							<div class="col-md-10"></div>
							<div class="checkbox">
								<input type="checkbox" />记住密码
								<span class="form-control glyphicon glyphicon-ok" ></span>
							</div>
							<div class="form-group">
								<div class="col-md-10 col-md-offset-2">
									<button type="submit" class="btn btn-block">登录</button>
								</div>
							</div>
						</div>
						
					</form>
					
				</table>
				</div>
				
			</div>
		</div>
		<div class="radio">
			<label>
				<input name="options" type="radio" checked />女
			</label>
		</div>
		<div class="radio">
			<label>
				<input name="options" type="radio" checked />男
			</label>
		</div>
		
		<div class="checkbox">
			<label>
				<input type="checkbox" value=""/>吃饺子
			</label>
		</div>
		<div class="checkbox">
			<label>
				<input type="checkbox" value=""/>吃汤圆
			</label>
		</div>
		<select multiple class="form-control">
			<option>1</option>
			<option>1</option>
			<option>1</option>
			<option>1</option>
		</select>
		
		<br /><br /><br />
		<p class=""></p>
		<br /><br /><br />
		<div class="container">
			<button type="button" class="btn btn-default">default</button>
			<button type="button" class="btn btn-danger">danger</button>
			<button type="button" class="btn btn-info">info</button>
			<button type="button" class="btn btn-success">success</button>
			<button type="button" class="btn btn-warning">warning</button>
			<button type="button" class="btn btn-link">link</button>
		</div><br /><br /><br />
		<div class="div">
			<button type="button" class="btn btn-danger btn-lg">danger</button>
			<button type="button" class="btn btn-danger btn-xs">danger</button>
			<button type="button" class="btn btn-danger btn-sm">danger</button>
		</div>
	</body>
</html>
